.fretBoard {
    background-image: url(chords/board.png);
    position:absolute;
    left:44px;
    top:35px;
    width:247px;
    height:158px;
    z-index:5;

    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#chordPanel {
    position:absolute;
    left:700px;
    top:500px;
    width:342px;
    height:227px;
    z-index:3;
    background-color:white;
    border-color:#004a80;
}
.fretPanel {
    position:absolute;
    left:0px;
    top:0px;
    width:342px;
    height:199px;
    z-index:1;
    background-color:white;
    border-color:#004a80;/*	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}

.chordFooterPanel {
    position:absolute;
    top:202px;
    height:50px;
    z-index:3;
    width:135px;
    left: 98px;
}
.chordFooter {
    position:absolute;
    height:25px;
    z-index:3;
    left: 92px;
}
.chordFooterName {
    left:30px;
    width:75px;
}

.chordFooterChord {
    top:25px;
    left:30px;
    width:75px;
}

.chordFooterRight {
    left:106px;
    width:25px;
    background-image: url(chords/right.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.chordFooterLeft {
    left:0px;
    width:25px;
    background-image: url(chords/left.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.chordFont {
    font-family: Calibri;
    font-size: 20px;
    font-weight: bold;
    color: #004a80;
    text-align: center;
}
.chordFr {
    position:absolute;
    top:-29px;
    height:23px;
    z-index:3;
}

.chordFrNumber {
    left:7px;
    width:41px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chordString {
    position:absolute;
    width:24px;
    height:24px;
    z-index:2;
    top: 27px;
}

.chordStringPanel {
    position:absolute;
    top:38px;
    width:24px;
    height:149px;
    z-index:2;
    top: 36px;
    left: 10px;

    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringName{
    left:9px;
}

.chordStringFinger{

    position:absolute;
    width:24px;
    height:24px;
    z-index:2;
    top: 27px;

}
.chordStringFinger1{
    left:54px;
    background:url(chords/1.png);

    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringFinger2{
    left:64px;
    background:url(chords/2.png);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringFinger3{
    left:112px;
    background:url(chords/3.png);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.chordStringFinger4{
    left:159px;
    background:url(chords/4.png);
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.chordString1 {
    top:0px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString2 {
    top:25px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString3 {
    top:50px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString4 {
    top:75px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString5 {
    top:100px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
.chordString6 {
    top:125px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chordSignPanel {
    position:absolute;
    top:38px;
    width:24px;
    height:149px;
    z-index:2;
    top: 39px;
    left: 302px;

    -moz-transform: rotate(-80deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.chordStringSign {
    background-repeat:no-repeat;
    background-position: center center;
}
.chordStringSign1 {
    background-image: url(chords/o.png);
}
.chordStringSign2 {
    background-image: url(chords/oo.png);
}
.chordStringSign3 {
    background-image: url(chords/x.png);
}
.arrow img
{
    width:25px;
    height:25px;
}
.chordCapo {
    position:absolute;
    width:20px;
    height:125px;
    z-index:2;
    top: 2px;
    left: 19px;
    background:url(chords/barri.png);
    background-position:top;
    background-repeat:repeat-y
}